<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f1(){
            //获取DOM对象
            var aDom=document.getElementsByTagName("a")[0];
            //DOM对象.属性名
            console.log(aDom.href);
            console.log(aDom.target);
            console.log(aDom.hello);//undefined
            // DOM对象.属性名=值
            aDom.href="https://www.qq.com";
            console.log("-----------");
            //DOM对象.getAttribute("属性名")
            console.log(aDom.getAttribute("href"));
            console.log(aDom.getAttribute("target"));
            console.log(aDom.getAttribute("hello"));

            // DOM对象.setAttribute("属性名","属性值")
            aDom.setAttribute("href","http://sina.com.cn");
            aDom.setAttribute("hello","xixi");
        }

        function f2(){
            var checkDom=document.getElementById("check");
            // DOM对象.属性
            // 在js中，类似于checked，selected等这样的属性，使用DOM对象.属性，结果值是布尔值
            // console.log(checkDom.checked);

            // DOM对象.属性=布尔值
            // checkDom.checked=true;


        }
    </script>
</head>
<body>
    <input type="button" value="按钮" onclick="f1()">
    <input type="button" value="按钮" onclick="f2()">
    <a href="https://www.baidu.com" target="_blank" hello="world">百度一下</a>
    <input type="checkbox" value="哈哈哈" id="check" checked>哈哈哈
</body>
</html>